﻿<!DOCTYPE html> 
<html> 
　<head> 
　　<title>Page Title</title> 
　　<link rel="stylesheet" href="script/jquery.mobile-1.0b1/jquery.mobile-1.0b1.css" />
　　<script type="text/javascript" src="script/jquery.mobile-1.0b1/jquery-1.6.2.js"></script>
　　<script type="text/javascript" src="script/jquery.mobile-1.0b1/jquery.mobile-1.0b1.js"></script>
　</head> 
<script>
$("#nav_site").live('tap', function(event){
    alert("clicked");
});
</script>
<body> 
<div data-role="page">
<div data-role="header" data-position="inline">
<div data-role="navbar" class="nav-glyphish-example" data-grid="d"> 
<ul> 
<li><a href="index.html" id="nav_site" rel="external">站点</a></li> 
<li><a href="#" id="nav_alarm" class="ui-btn-active">告警</a></li> 
<li><a href="http://www.google.com.hk" id="nav_performance" rel="external" >性能</a></li> 
</ul> 
</div> 
</div>
<div data-role="content"> 

<ul data-role="listview">
　<li>
  <img src="images/st1.gif" class="ui-li-icon">
  <a href="index.html" style="padding-left:30px">严重告急</a> 
  <p style="padding-left:30px" >设备类型: 油机</p>
  </li>
 <li><img src="images/st1.gif" alt="Germany" class="ui-li-icon">
 <a href="index.html" style="padding-left:30px">一般告急</a> 
 </li>
</ul>

	

</div><!-- /content -->
<div data-role="footer">
　<h4>Page Footer</h4>
</div><!-- /footer -->
</div><!-- /page -->
</body>
</html>
